.header {
    /* margin-bottom: 1%; */
    height: 52px;
    display: flex;
    align-items: center;
    background-color: #7266ba;

}

.search {
    margin-left: 25px;
    width: 190px;
}

/*搜索input框, 这里从csdn里找了一个样式穿透的方法修改第三方库的样式，原样式没圆角有点丑 */
:deep(.el-input__wrapper) {
    /* border-radius: 95px; */
    border-radius: 95px 0 0 95px;
    border: 0;
    box-shadow: 0 0 0 0px;
}

/* 同样使用vue的样式穿透修改一下搜索框的圆角，并且调整了一下padding */
:deep(.el-input-group__append) {
    border-radius: 0 95px 95px 0;
    padding-left: 15px
}

.avatar {
    margin-left: auto;
    margin-right: 15px;
    transition: transform 0.3s ease;  /* 平滑过渡 */
}

.avatar:hover {
    transform: scale(1.2);

}